<!DOCTYPE html>
<html lang="en">
<head>
    <title>{$seo.title}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="{$seo.keyword}" />
    <meta name="keywords" content="{$seo.description}" />
    <meta name="robots" content="all"/>
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <!-- css -->
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
    <link href="__MOBILE__css/iconfont.css" rel="stylesheet"/>
    <link href="__MOBILE__css/other/am.css" rel="stylesheet"/>
    <link href="__MOBILE__css/other/flexslider.css" rel="stylesheet"/>
    <link href="__MOBILE__css/other/style.css" rel="stylesheet"/>
    <!-- moblie -->
    <link rel="stylesheet" href="__MOBILE__css/style.css">
    {$seo.head}
</head>
<body>
{$seo.body}



<div class="m_wrap">
    {include file="public/header" /}

    <!-- m_banner -->
    <div class="m_banner">
        <ul class="m_banner_slider clear">
            {volist name="banner" id="v" key="k"}
            <li>
                <div class="pic">
                    <img src="{$v.img_url}" alt="{$v.alt}" style="width: 100%;">
                </div>
            </li>
            {/volist}
        </ul>
    </div>
    <!-- m_banner end -->

</div>

<div class="m_page">

    

    <!-- m_products -->
    <div class="m_products m_public">
        <div class="m_module_top">
            <h3 class="title">产品中心</h3>
        </div>
        <div class="m_products_list">
            <ul>
                {volist name="prolist" id="v" key="k"}
                <li>
                    <a href="/product/p000{$v.id}.html">
                        <div class="m_products_pic">
                            <div class="pic-img">
                                <img src="{$v.img[0]}" alt="{$v.name}" style="width: 100%;">
                            </div>
                        </div>
                        <div class="m_products_text">
                            <h3 class="title">{$v.name}</h3>
                            <span class="pushbar">更多细节 >></span>
                        </div>
                    </a>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
    <!-- m_products end -->

    

    <!-- m_aboutus -->
    <div class="m_aboutus">
        <div class="m_module_top">
            <h3 class="title">关于欧锐激光</h3>
        </div>
        <div class="video">
            <iframe id="player" type="text/html" width="100%" height="210" src="{$setup.video}" frameborder="0"></iframe>
        </div>
        <div class="digital_scrolling m_public">
            <ul class="col-3 clear">
                <li class="fl">
                    <div class="numberGroup">
                        <a id="numgund">42000</a><span>+</span>
                        <p>厂房面积</p>
                    </div>
                </li>
                <li class="fl">
                    <div class="numberGroup">
                        <a id="numgund2">2000</a><span>+</span>
                        <p>年产设备</p>
                    </div>
                </li>
                <li class="fl">
                    <div class="numberGroup">
                        <a id="numgund3">60</a><span>+</span>
                        <p>全球代理商</p>
                    </div>
                </li>
            </ul>
            <div class="_warranty">
                <span><i class="iconfont icon-pinzhibaozhang1"></i>&nbsp;整机质保36个月</span>
                &nbsp;&nbsp;
                <span><i class="iconfont icon-shijian"></i>&nbsp;24小时服务</span>
            </div>
            <a href="/About-us.html" class="pushbar">查看更多</a>
        </div>
    </div>
    <!-- m_aboutus end -->


    <!-- m_blog -->
    <div class="m_blog">
        <div class="m_module_top">
            <h3 class="title">资讯动态</h3>
        </div>
        <div class="m_blog_list m_public __newlist">
            <ul>
                {volist name="blog" id="v" key="k"}
                <li>
                    <a class="clear" href="/blog/{$v.id}.html">
                        <div class="pic">
                            <div class="pic_img">
                                <img src="{$v.img_url}" alt="{$v.alt}">
                            </div>
                        </div>
                        <div class="text">
                            <h3 class="title">{$v.name}</h3>
                            <p class="date">{$v.create_time}</p>
                        </div>
                    </a>
                </li>
                {/volist}
            </ul>
            <a href="/blog.html" class="pushbar">查看更多</a>
        </div>
    </div>
    <!-- m_blog end -->

    <!-- m_video -->
    <div class="m_blog m_video">
        <div class="m_module_top">
            <h3 class="title">视频</h3>
        </div>
        <div class="m_blog_list m_public __newlist">
            <ul>
                {volist name="video" id="v" key="k"}
                <li>
                    <a class="clear" href="/video/{$v.id}.html">
                        <div class="pic">
                            <div class="pic_img">
                                <img src="{$v.img_url}" alt="{$v.alt}">
                            </div>
                        </div>
                        <div class="text">
                            <h3 class="title">{$v.name}</h3>
                            <p class="date">{$v.create_time}</p>
                        </div>
                    </a>
                </li>
                {/volist}
            </ul>
            <a href="/video.html" class="pushbar">查看更多</a>
        </div>
    </div>
    <!-- m_video end -->

    <!-- customer_glance -->
    <div class="customer_glance">
        <div class="m_module_top">
            <h3 class="title">客户来访</h3>
        </div>
        <div class="customer_glance_list m_public">
            <ul class="col-2 clear">
                {volist name="visiting" id="v" key="k"}
                <li class="fll">
                    <a class="clear" href="/Customer-Glance.html">
                        <div class="pic">
                            <div class="pic_img">
                                <img src="{$v.img_url}" alt="{$v.alt}">
                            </div>
                        </div>
                    </a>
                </li>
                {/volist}


            </ul>
            <a href="/Customer-Glance.html" class="pushbar">查看更多</a>
        </div>
    </div>
    <!-- customer_glance end -->
    
    <!-- m_index_introduce -->
    <div class="m_index_introduce news-xg">
        <ul class="m_index_introduce_nav">
            <li>
                <div class="m_icon"><i class="iconfont icon-daohangshouye"></i></div>
                <h3 class="title">{$com_intro.one.name}</h3>
                <div class="text">{$com_intro.one.details}</div>
            </li>
            <li>
                <div class="m_icon"><i class="iconfont icon-unie621"></i></div>
                <h3 class="title">{$com_intro.two.name}</h3>
                <div class="text">{$com_intro.two.details}</div>
            </li>
            <li>
                <div class="m_icon"><i class="iconfont icon-jishu"></i></div>
                <h3 class="title">{$com_intro.three.name}</h3>
                <div class="text">{$com_intro.three.details}</div>
            </li>
        </ul>
    </div>
    <!-- m_index_introduce end -->
</div>

{include file="public/footer" /}

<script>
    $(function() {
        var num = 0;
        function goLeft() {
            //是根据你给的尺寸，可变的
            if (num == -742) {
                num = 0;
            }
            num -= 1;
            $(".scroll_slider").css({
                left: num
            })
        }
        //设置滚动速度
        var timer = setInterval(goLeft, 20);

    })
</script>
<!-- 数字滚动 -->
<script>
    var options = {
        useEasing : true,
        useGrouping : true,
        separator : ',',
        decimal : '.',
        prefix : '',
        suffix : ''
    };
    var demo = new CountUp("numgund", 0, 42000, 0, 1.5, options);
    var demo2 = new CountUp("numgund2", 0, 2000, 0, 1.5, options);
    var demo3 = new CountUp("numgund3", 0, 60, 0, 1.5, options);
    demo.start();
    demo2.start();
    demo3.start();
    //滚动监听
    // $(window).scroll(function(){
    // 	console.log($(window).scrollTop());
    //  	if($(window).scrollTop()>=4940){
    //      demo.start();
    //      demo2.start();
    //      demo3.start();
    //  	}
    // })


    
</script>
<!-- 数字滚动 end -->
<style type="text/css">
    .__newlist ul li .text{margin-top: 10px;}
    .__newlist ul li .text p.date{position: static;margin-top: 10px;}
    .news-xg{padding: 30px 15px 30px 15px;}
</style>